<? $page="profile" ?>

<?php include ("header.php"); ?>
      
      <!-- Begin Content -->
      
      <div class="box1 titleProfile">
        <div class="wrap-box">
        
        <!-- AWAL Looping Profile PERTAMA -->
          <div class="col1 left">
            <h1>Profile Us</h1>
            <hr class="line-green" />
          </div>
          <div class="col2 right">
            <h1>Vision and Mission</h1>
            <hr class="line-green" />
          </div>
         <!-- AKHIR Looping Profile PERTAMA -->
         
          <div class="clear"></div>
        </div>
      </div>
      
      
      <div class="box1 content_profile">
        <div class="wrap-box">
        
        <!-- AWAL Looping Profile KEDUA -->
          <div class="col1 left"> <img src="images/tes.jpg" width="100%" align="middle"/>
            <hr class="line-green" />
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam lobortis magna eget massa porttitor, nec egestas nulla dignissim. Nunc dapibus porta ligula. Aenean augue enim, lobortis vitae scelerisque eu.</p>
            <br />
            <br />
            <p class="p1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam lobortis magna eget massa porttitor, nec egestas nulla dignissim. Nunc dapibus porta ligula. Aenean augue enim, lobortis vitae scelerisque eu, iaculisvitae ligula. Morbi id quam felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin auctor sapien at pu
              rus porta auctor. Aliquam ante nibh, hendrerit non venenatis sed, aliquam in velit. Aliquam at sem tellus. Nulla ut cursus dolor, eu fringilla lectus. Ut scelerisque, turpis ac pretium emper, quam neque tristique metus, sed condimentum lectus lectus sed massa.Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin auctor sapien at purus porta auctor. Aliquam ante nibh, hendrerit non venenatis sed, aliquam in velit. Aliquam at sem tellus. Nulla ut cursus dolor, eu fringilla lectus. Ut scelerisque, turpis ac pretium emper, quam neque tristique metus, sed condimentum lectus lectus sed massa.Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin auctor sapien at purus porta auctor. Aliquam ante nibh, hendrerit non venenatis sed, aliquam in velit. Aliquam at sem tellus. Nulla ut cursus dolor, eu fringilla lectus. Ut scelerisque, turpis ac pretium emper, quam neque tristique metus, sed condimentum lectus lectus sed massa.Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin auctor sapien at pu
              rus porta auctor. Aliquam ante nibh, hendrerit non venenatis sed, aliquam in velit. Aliquam at sem tellus. Nulla ut cursus dolor, eu fringilla lectus. Ut scelerisque, turpis ac pretium emper, quam neque tristique metus, sed condimentum lectus lectus sed massa.Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin auctor sapien at purus porta auctor. Aliquam ante nibh, hendrerit non venenatis sed, aliquam in velit. Aliquam at sem tellus. Nulla ut cursus dolor, eu fringilla lectus. Ut scelerisque, turpis ac pretium emper, quam neque tristique metus, sed condimentum lectus lectus sed massa.</p>
            <br />
            <br />
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam lobortis magna eget massa porttitor, nec egestas nulla dignissim. Nunc dapibus porta ligula. Aenean augue enim, lobortis vitae scelerisque eu,  Nunc dapibus porta ligula. Aenean augue enim, lobortis vitae scelerisque eu, Nunc dapibus porta ligula. Aenean augue enim, lobortis vitae scelerisque eu, 
              Nunc dapibus porta ligula. Aenean augue enim, lobortis vitae scelerisque eu, </p>
            <br />
            <br />
            <hr class="line-green" />
          </div>
          
          <div class="col2 right">
            <table width="100%">
              <tr>
                <th class="number">1</th>
                <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.Nullam lobortis magna eget massa porttitor, nec egesta sonulla dignissim.</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <th></th>
                <td><p class="p1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam lobortis 
                    magna eget massa porttitor, nec egestas nulla dignissim. Nunc dapibus
                    porta ligula. Aenean augue enim, lobortis vitae scelerisque eu, iaculis
                    vitae ligula. Morbi id quam felis. Vestibulum ante ipsum primis in faucib
                    us orci luctus et ultrices posuere cubilia Curae; Proin auctor sapien at pu
                    rus porta auctor. Aliquam ante nibh, hendrerit non venenatis sed, aliqu
                    am in velit. Aliquam at sem tellus. Nulla ut cursus dolor, eu fringilla lectus.
                    Ut scelerisque, turpis ac pretium semper, quam neque tristique metus, 
                    sed condimentum lectus lectus 
                    sed massa.</p></td>
              </tr>
              <tr>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <th class="number">2</th>
                <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.Nullam lobortis magna eget massa porttitor, nec egesta sonulla dignissim.</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <th></th>
                <td><p class="p1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam lobortis 
                    magna eget massa porttitor, nec egestas nulla dignissim. Nunc dapibus
                    porta ligula. Aenean augue enim, lobortis vitae scelerisque eu, iaculis
                    vitae ligula. Morbi id quam felis. Vestibulum ante ipsum primis in faucib
                    us orci luctus et ultrices posuere cubilia Curae; Proin auctor sapien at pu
                    rus porta auctor. Aliquam ante nibh, hendrerit non venenatis sed, aliqu
                    am in velit. Aliquam at sem tellus. Nulla ut cursus dolor, eu fringilla lectus.
                    Ut scelerisque, turpis ac pretium semper, quam neque tristique metus, 
                    sed condimentum lectus lectus 
                    sed massa.</p></td>
              </tr>
              <tr>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <th class="number">3</th>
                <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.Nullam lobortis magna eget massa porttitor, nec egesta sonulla dignissim.</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <th></th>
                <td><p class="p1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam lobortis 
                    magna eget massa porttitor, nec egestas nulla dignissim. Nunc dapibus
                    porta ligula. Aenean augue enim, lobortis vitae scelerisque eu, iaculis
                    vitae ligula. Morbi id quam felis. Vestibulum ante ipsum primis in faucib
                    us orci luctus et ultrices posuere cubilia Curae; Proin auctor sapien at pu
                    rus porta auctor. Aliquam ante nibh, hendrerit non venenatis sed, aliqu
                    am in velit. Aliquam at sem tellus. Nulla ut cursus dolor, eu fringilla lectus.
                    Ut scelerisque, turpis ac pretium semper, quam neque tristique metus, 
                    sed condimentum lectus lectus 
                    sed massa.</p></td>
              </tr>
              <tr>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
              </tr>
            </table>
            
          </div> <!-- End Col 2 -->
           <!-- AKHIR Looping Profile KEDUA -->
          
          <div class="clear"></div>
        </div>
        <!-- End Wrap-Box --> 
      </div>
      <!-- End Box1 --> 
      
      <!-- End Content -->
      <?php include ("footer.php"); ?>